/**
 * 界面核心模块
 */

layui.define('view', function (exports) {
    var $ = layui.jquery;
    var laytpl = layui.laytpl;
    var table = layui.table;
    var element = layui.element;
    var util = layui.util;
    var upload = layui.upload;
    var form = layui.form;
    var setter = layui.setter;
    var view = layui.view;
    var device = layui.device();

    var $win = $(window);
    var $doc = $(document);
    var $body = $('body');
    var container = $('#' + setter.container);

    var SHOW = 'layui-show';
    var HIDE = 'layui-hide';
    var THIS = 'layui-this';
    var DISABLED = 'layui-disabled';
    var TEMP = 'template';
    var APP_BODY = '#LAY_app_body';
    var APP_FLEXIBLE = 'LAY_app_flexible';
    var FILTER_TAB_TBAS = 'layadmin-layout-tabs';
    var APP_SPREAD_SM = 'layadmin-side-spread-sm';
    var TABS_BODY = 'layadmin-tabsbody-item';
    var ICON_SHRINK = 'layui-icon-shrink-right';
    var ICON_SPREAD = 'layui-icon-spread-left';
    var SIDE_SHRINK = 'layadmin-side-shrink';
    var SIDE_SCROLL = 'layui-side-scroll';
    var SIDE_MENU = 'LAY-system-side-menu';

    // 通用方法
    var admin = {
        v: '2.6.0',
        mode: 'iframe',

        // 数据的异步请求
        req: view.req,

        // 清除本地 token，并跳转到登入页
        exit: view.exit,

        // HTML 转义
        escape: util.escape,

        // 事件
        on: function (events, callback) {
            return layui.onevent.call(this, setter.MOD_NAME, events, callback);
        },

        // 设置侧边状态展开和选中状态，并同步其他状态
        setSideMenuStatus: function (url) {
            url = url || layui.hash();

            var sideMenu = $('#' + SIDE_MENU);
            var SIDE_NAV_ITEM = 'layui-nav-item';
            var SIDE_NAV_ITEMD = 'layui-nav-itemed';
            var selectMenuItem = function (item) {
                item.addClass(SIDE_NAV_ITEMD).siblings().removeClass(SIDE_NAV_ITEMD);
            };

            // 捕获对应菜单
            var matchMenu = function (list) {
                var pathURL = url.path.join('/');
                // var tabsData = setter.tabs ? tabs.data(TABS_ID) : {};

                list.find('li,dd').each(function (index, item) {
                    var othis = $(this);
                    var elemA = othis.children('a');
                    var href = admin.correctRouter(elemA.attr('lay-href'));
                    var matched = href === url.href || href === pathURL || function () {
                        var href2Hash = layui.hash('#' + href);
                        var hrefPath = href2Hash.path.join('/');
                        return url.href.indexOf(hrefPath) !== -1;
                    }();

                    // 匹配当前路由对应的菜单
                    if (matched) {
                        list.find('.' + THIS).removeClass(THIS); // 清除旧选中状态
                        othis.addClass(THIS); // 设置当前选中状态

                        // 自动展开祖级节点
                        var closestLi = othis.closest('.' + SIDE_NAV_ITEM);
                        var closestDd = othis.parent().closest('dd')
                        selectMenuItem(closestLi);
                        selectMenuItem(closestDd);

                        // 让选中的菜单保持在可视范围内
                        util.toVisibleArea({
                            scrollElem: container.find('.' + SIDE_SCROLL),
                            thisElem: othis
                        });

                        // 初始设置 tabs 标题
                        /* if (!args[0] && setter.tabs) {
                          var title = elemA.attr('lay-title') || elemA.text().replace(/\s/g, '');
                          tabs.headerItem(TABS_ID, tabsData.index).find('span').html(title);
                        } */
                    }
                });
            };

            // 重置状态
            sideMenu.find('.' + THIS).removeClass(THIS);

            // 移动端点击菜单时自动收缩
            if (admin.screen() < 2) admin.sideFlexible();

            // 开始捕获
            matchMenu(sideMenu);
        },

        // 发送验证码
        sendAuthCode: function (options) {
            options = $.extend({
                seconds: 60
                , elemPhone: '#LAY_phone'
                , elemVercode: '#LAY_vercode'
            }, options);

            var seconds = options.seconds
                , btn = $(options.elem)
                , token = null
                , timer, countDown = function (loop) {
                seconds--;
                if (seconds < 0) {
                    btn.removeClass(DISABLED).html('获取验证码');
                    seconds = options.seconds;
                    clearInterval(timer);
                } else {
                    btn.addClass(DISABLED).html(seconds + '秒后重获');
                }

                if (!loop) {
                    timer = setInterval(function () {
                        countDown(true);
                    }, 1000);
                }
            };

            options.elemPhone = $(options.elemPhone);
            options.elemVercode = $(options.elemVercode);

            btn.on('click', function () {
                var elemPhone = options.elemPhone
                    , value = elemPhone.val();

                if (seconds !== options.seconds || $(this).hasClass(DISABLED)) return;

                if (!/^1\d{10}$/.test(value)) {
                    elemPhone.focus();
                    return layer.msg('请输入正确的手机号')
                }
                ;

                if (typeof options.ajax === 'object') {
                    var success = options.ajax.success;
                    delete options.ajax.success;
                }

                admin.req($.extend(true, {
                    url: ''
                    , type: 'get'
                    , data: {
                        phone: value
                    }
                    , success: function (res) {
                        layer.msg('验证码已发送至你的手机，请注意查收', {
                            icon: 1
                            , shade: 0
                        });
                        options.elemVercode.focus();
                        countDown();
                        success && success(res);
                    }
                }, options.ajax));
            });
        },

        // 屏幕类型
        screen: function () {
            var width = $win.width()
            if (width > 1200) {
                return 3; // 大屏幕
            } else if (width > 992) {
                return 2; // 中屏幕
            } else if (width > 768) {
                return 1; // 小屏幕
            } else {
                return 0; // 超小屏幕
            }
        },

        // 侧边伸缩
        sideFlexible: function (status) {
            var app = container
                , iconElem = $('#' + APP_FLEXIBLE)
                , screen = admin.screen();

            // 设置状态，PC：默认展开、移动：默认收缩
            if (status === 'spread') {
              // 切换到展开状态的 icon，箭头：←
                iconElem.removeClass(ICON_SPREAD).addClass(ICON_SHRINK);

                // 移动：从左到右位移；PC：清除多余选择器恢复默认
                if (screen < 2) {
                    app.addClass(APP_SPREAD_SM);
                } else {
                    app.removeClass(APP_SPREAD_SM);
                }

                app.removeClass(SIDE_SHRINK)
            } else {
                // 切换到搜索状态的 icon，箭头：→
                iconElem.removeClass(ICON_SHRINK).addClass(ICON_SPREAD);

                // 移动：清除多余选择器恢复默认；PC：从右往左收缩
                if (screen < 2) {
                    app.removeClass(SIDE_SHRINK);
                } else {
                    app.addClass(SIDE_SHRINK);
                }

                app.removeClass(APP_SPREAD_SM)
            }

            layui.event.call(this, setter.MOD_NAME, 'side({*})', {
                status: status
            });
        },

        // 弹出面板
        popup: view.popup,

        // 右侧面板
        popupRight: function (options) {
            // layer.close(admin.popup.index);
            return admin.popup.index = layer.open($.extend({
                type: 1
                , id: 'LAY_adminPopupR'
                , anim: -1
                , title: false
                , closeBtn: false
                , offset: 'r'
                , shade: 0.1
                , shadeClose: true
                , skin: 'layui-anim layui-anim-rl layui-layer-adminRight'
                , area: '300px'
            }, options));
        },

        // 主题设置
        theme: function (options) {
            var theme = setter.theme;
            var local = layui.data(setter.tableName);
            var id = 'LAY_layadmin_theme';
            var styleElem = document.getElementById(id);
            var style = document.createElement('style');

            // 清除主题
            if (options.CLEAR) {
                $(styleElem).remove();
                return layui.data(setter.tableName, {
                    key: 'theme',
                    remove: true
                });
            }

            // style
            var styleText = laytpl([
                // 主题色
                '.layui-side-menu,'
                , '.layui-layer-admin .layui-layer-title,'
                , '.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child'
                , '{background-color:{{d.color.main}} !important;}'

                // 背景选中色
                , '.layadmin-pagetabs .layui-tab-title li:after,'
                , '.layadmin-pagetabs .layui-tab-title li.layui-this:after,'
                , '.layui-nav-tree .layui-this,'
                , '.layui-nav-tree .layui-this>a,'
                , '.layui-nav-tree .layui-nav-child dd.layui-this,'
                , '.layui-nav-tree .layui-nav-child dd.layui-this a,'
                , '.layui-nav-tree .layui-nav-bar'
                , '{background-color:{{d.color.selected}} !important;}'

                // 文字选中色
                , '.layadmin-pagetabs .layui-tab-title li:hover,'
                , '.layadmin-pagetabs .layui-tab-title li.layui-this'
                , '{color: {{d.color.selected}} !important;}'

                // logo
                , '.layui-layout-admin .layui-logo{background-color:{{d.color.logo || d.color.main}} !important;}'

                // 头部色
                , '{{# if(d.color.header){ }}'
                , '.layui-layout-admin .layui-header{background-color:{{ d.color.header }};}'
                , '.layui-layout-admin .layui-header a,'
                , '.layui-layout-admin .layui-header a cite{color: #f8f8f8;}'
                , '.layui-layout-admin .layui-header a:hover{color: #fff;}'
                , '.layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;}'
                , '.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;}'
                , '.layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);}'
                , '.layadmin-pagetabs .layui-tab-title li:after{display: none;}'
                , '{{# } }}'
            ].join('')).render(options = $.extend({}, local.theme, options));

            // 添加主题样式
            if ('styleSheet' in style) {
                style.setAttribute('type', 'text/css');
                style.styleSheet.cssText = styleText;
            } else {
                style.innerHTML = styleText;
            }
            style.id = id;

            styleElem && $body[0].removeChild(styleElem);

            $body[0].appendChild(style);
            options.color && $body.attr('layadmin-themealias', options.color.alias);

            // 本地存储记录
            local.theme = local.theme || {};
            layui.each(options, function (key, value) {
                local.theme[key] = value;
            });
            layui.data(setter.tableName, {
                key: 'theme',
                value: local.theme
            });
        },

        // 初始化主题
        initTheme: function (index) {
            var theme = setter.theme;
            index = index || 0;
            if (theme.color[index]) {
                theme.color[index].index = index;
                admin.theme({
                    color: theme.color[index]
                });
            }
        },

        // 记录最近一次点击的页面标签数据
        tabsPage: {},

        // 获取页面标签主体元素
        tabsBody: function (index) {
            return $(APP_BODY).find('.' + TABS_BODY).eq(index || 0);
        },

        // 切换页面标签主体
        tabsBodyChange: function (index, options) {
            options = options || {};

            admin.tabsBody(index).addClass(SHOW).siblings().removeClass(SHOW);
            events.rollPage('auto', index);

            // 是否记录当前页 url
            admin.recordURL(options);

            // 执行 {setter.MOD_NAME}.tabsPage 下的事件
            layui.event.call(this, setter.MOD_NAME, 'tabsPage({*})', options);
        },

        // 是否记录当前页 url
        recordURL: function (options) {
            var record = setter.record || {};
            if (!record.url) return;

            // 是否存在相关属性值
            if (options.url) {
                if (/^(\w*:)*\/\/.+/.test(options.url)) {
                    options.url = '';
                }
                location.hash = admin.correctRouter(options.url);
                if (options.url && options.title) {
                    var obj = {};
                    obj[options.url] = options.title;
                    layui.data(setter.tableName, {
                        key: 'record',
                        value: obj
                    });
                }
            }
        },

        // resize 事件管理
        resize: function (fn) {
            var url = layui.hash();
            var key = url.path.join('-');

            if (admin.resizeFn[key]) {
                $win.off('resize', admin.resizeFn[key]);
                delete admin.resizeFn[key];
            }

            if (fn === 'off') return; // 如果是清除 resize 事件，则终止往下执行

            fn(), admin.resizeFn[key] = fn;
            $win.on('resize', admin.resizeFn[key]);
        },
        resizeFn: {},
        runResize: function () {
            var url = layui.hash();
            var key = url.path.join('-');
            admin.resizeFn[key] && admin.resizeFn[key]();
        },
        delResize: function () {
            this.resize('off');
        },

        // 关闭当前 pageTabs
        closeThisTabs: function () {
            if (!admin.tabsPage.index) return;
            $(TABS_HEADER).eq(admin.tabsPage.index).find('.layui-tab-close').trigger('click');
        },

        // 全屏
        fullScreen: function () {
            var ele = document.documentElement;
            var reqFullScreen = ele.requestFullscreen || ele.webkitRequestFullScreen
                || ele.mozRequestFullScreen || ele.msRequestFullscreen;
            if (typeof reqFullScreen !== 'undefined' && reqFullScreen) {
                reqFullScreen.call(ele);
            }
            ;
        },

        // 退出全屏
        exitScreen: function () {
            var ele = document.documentElement
            if (document.exitFullscreen) {
                document.exitFullscreen();
            } else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            } else if (document.webkitCancelFullScreen) {
                document.webkitCancelFullScreen();
            } else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            }
        },

        // 纠正单页路由格式
        correctRouter: function (href) {
            if (!/^\//.test(href)) href = '/' + href;

            // 纠正首尾
            return href.replace(/^(\/+)/, '/')
                .replace(new RegExp('\/' + setter.entry + '$'), '/'); // 过滤路由最后的默认视图文件名（如：index）
        }

        // …
    };

    // 事件
    var events = admin.events = {
        // 伸缩
        flexible: function (othis) {
            console.log("伸缩事件")
            var iconElem = othis.find('#' + APP_FLEXIBLE)
                , isSpread = iconElem.hasClass(ICON_SPREAD);
            admin.sideFlexible(isSpread ? 'spread' : null);
        }

        // 刷新
        , refresh: function () {
            var ELEM_IFRAME = '.layadmin-iframe'
                , length = $('.' + TABS_BODY).length;

            if (admin.tabsPage.index >= length) {
                admin.tabsPage.index = length - 1;
            }

            var iframe = admin.tabsBody(admin.tabsPage.index).find(ELEM_IFRAME);
            iframe[0].contentWindow.location.reload(true);
        }

        // 输入框搜索
        , serach: function (othis) {
            othis.off('keypress').on('keypress', function (e) {
                if (!this.value.replace(/\s/g, '')) return;
                // 回车跳转
                if (e.keyCode === 13) {
                    var href = othis.attr('lay-action');
                    var title = othis.attr('lay-title') || othis.attr('lay-text') || '搜索';

                    href = href + this.value;
                    title = title + ': ' + admin.escape(this.value);

                    // 打开标签页
                    admin.openTabsPage({
                        url: href,
                        title: title,
                        highlight: 'color: #FF5722;'
                    });

                    // 如果搜索关键词已经打开，则刷新页面即可
                    events.serach.keys || (events.serach.keys = {});
                    events.serach.keys[admin.tabsPage.index] = this.value;
                    if (this.value === events.serach.keys[admin.tabsPage.index]) {
                        events.refresh(othis);
                    }

                    // 清空输入框
                    this.value = '';
                }
            });
        }

        // 点击消息
        , message: function (othis) {
            othis.find('.layui-badge-dot').remove();
        }

        // 弹出主题面板
        , theme: function () {
            admin.popupRight({
                id: 'LAY_adminPopupTheme'
                , success: function () {
                    view(this.id).render('system/theme');
                }
            });
        }

        // 本地便签
        , note: function (othis) {
            var mobile = admin.screen() < 2
                , note = layui.data(setter.tableName).note;

            events.note.index = admin.popup({
                title: '本地便签'
                , shade: 0
                , offset: [
                    '41px'
                    , (mobile ? null : (othis.offset().left - 250) + 'px')
                ]
                , anim: -1
                , id: 'LAY_adminNote'
                , skin: 'layadmin-note layui-anim layui-anim-upbit'
                , content: '<textarea placeholder="内容"></textarea>'
                , resize: false
                , success: function (layero, index) {
                    var textarea = layero.find('textarea')
                    var value = note === undefined ? '便签中的内容会存储在本地，这样即便你关掉了浏览器，在下次打开时，依然会读取到上一次的记录。是个非常小巧实用的本地备忘录' : note;

                    textarea.val(value).focus().on('keyup', function () {
                        layui.data(setter.tableName, {
                            key: 'note'
                            , value: this.value
                        });
                    });
                }
            })
        }

        // 全屏
        , fullscreen: function (othis, opts) {
            var SCREEN_FULL = 'layui-icon-screen-full';
            var SCREEN_REST = 'layui-icon-screen-restore';
            var iconElem = othis.children("i");
            var hasFull = iconElem.hasClass(SCREEN_FULL);

            // 设置图标状态
            var setIcon = function (status) {
                if (status) {
                    iconElem.addClass(SCREEN_REST).removeClass(SCREEN_FULL);
                } else {
                    iconElem.addClass(SCREEN_FULL).removeClass(SCREEN_REST);
                }
            };

            // 设置全屏状态
            var setScreen = function (status) {
                status ? admin.fullScreen() : admin.exitScreen();
            };

            // 仅设置图标状态
            if (opts) {
                return setIcon(opts.status);
            }

            setIcon(hasFull);
            setScreen(hasFull);
        }

        // 弹出关于面板
        , about: function () {
            admin.popupRight({
                id: 'LAY_adminPopupAbout'
                , success: function () {
                    view(this.id).render('system/about');
                }
            });
        }

        // 弹出更多面板
        , more: function () {
            admin.popupRight({
                id: 'LAY_adminPopupMore'
                , success: function () {
                    view(this.id).render('system/more');
                }
            });
        }

        // 返回上一页
        , back: function () {
            history.back();
        }

        // 主题设置
        , setTheme: function (othis) {
            var index = othis.data('index');
            var nextIndex = othis.siblings('.layui-this').data('index');

            if (othis.hasClass(THIS)) return;

            othis.addClass(THIS).siblings('.layui-this').removeClass(THIS);
            admin.initTheme(index);

            view('LAY_adminPopupTheme').render('system/theme');
        }

        // 左右滚动页面标签
        , rollPage: function (type, index) {
            var tabsHeader = $('#LAY_app_tabsheader')
                , liItem = tabsHeader.children('li')
                , scrollWidth = tabsHeader.prop('scrollWidth')
                , outerWidth = tabsHeader.outerWidth()
                , tabsLeft = parseFloat(tabsHeader.css('left'));

            // 右左往右
            if (type === 'left') {
                if (!tabsLeft && tabsLeft <= 0) return;

                // 当前的left减去可视宽度，用于与上一轮的页标比较
                var prefLeft = -tabsLeft - outerWidth;

                liItem.each(function (index, item) {
                    var li = $(item)
                        , left = li.position().left;

                    if (left >= prefLeft) {
                        tabsHeader.css('left', -left);
                        return false;
                    }
                });
            } else if (type === 'auto') { // 自动滚动
                (function () {
                    var thisLi = liItem.eq(index), thisLeft;

                    if (!thisLi[0]) return;
                    thisLeft = thisLi.position().left;

                    // 当目标标签在可视区域左侧时
                    if (thisLeft < -tabsLeft) {
                        return tabsHeader.css('left', -thisLeft);
                    }

                    // 当目标标签在可视区域右侧时
                    if (thisLeft + thisLi.outerWidth() >= outerWidth - tabsLeft) {
                        var subLeft = thisLeft + thisLi.outerWidth() - (outerWidth - tabsLeft);
                        liItem.each(function (i, item) {
                            var li = $(item)
                                , left = li.position().left;

                            // 从当前可视区域的最左第二个节点遍历，如果减去最左节点的差 > 目标在右侧不可见的宽度，则将该节点放置可视区域最左
                            if (left + tabsLeft > 0) {
                                if (left - tabsLeft > subLeft) {
                                    tabsHeader.css('left', -left);
                                    return false;
                                }
                            }
                        });
                    }
                }());
            } else {
                // 默认向左滚动
                liItem.each(function (i, item) {
                    var li = $(item)
                        , left = li.position().left;

                    if (left + li.outerWidth() >= outerWidth - tabsLeft) {
                        tabsHeader.css('left', -left);
                        return false;
                    }
                });
            }
        }

        // 向右滚动页面标签
        , leftPage: function () {
            events.rollPage('left');
        }

        // 向左滚动页面标签
        , rightPage: function () {
            events.rollPage();
        }

        // 关闭当前标签页
        , closeThisTabs: function () {
            var topAdmin = parent === self ? admin : parent.layui.admin;
            topAdmin.closeThisTabs();
        }

        // 关闭其它标签页
        , closeOtherTabs: function (type) {
            var TABS_REMOVE = 'LAY-system-pagetabs-remove';
            var thisIndex = admin.tabsPage.index;
            if (type === 'all') {
                $(TABS_HEADER + ':gt(0)').remove();
                $(APP_BODY).find('.' + TABS_BODY + ':gt(0)').remove();

                $(TABS_HEADER).eq(0).trigger('click');
            } else if (type === 'right') {
                $(TABS_HEADER + ':gt(' + thisIndex + ')').remove();
                $(APP_BODY).find('.' + TABS_BODY + ':gt(' + thisIndex + ')').remove();
            } else {
                $(TABS_HEADER).each(function (index, item) {
                    if (index && index != thisIndex) {
                        $(item).addClass(TABS_REMOVE);
                        admin.tabsBody(index).addClass(TABS_REMOVE);
                    }
                });
                $('.' + TABS_REMOVE).remove();
            }
        }

        // 关闭右侧标签页
        , closeRightTabs: function () {
            events.closeOtherTabs('right');
        }

        // 关闭全部标签页
        , closeAllTabs: function () {
            events.closeOtherTabs('all');
            // location.hash = '';
        }

        // 遮罩
        , shade: function () {
            admin.sideFlexible();
        }


        // 呼出 IM 示例
        , im: function () {
            admin.popup({
                id: 'LAY-popup-layim-demo' // 定义唯一ID，防止重复弹出
                , shade: 0
                , area: ['800px', '300px']
                , title: '面板外的操作示例'
                , offset: 'lb'
                , success: function () {
                    // 将 views 目录下的某视图文件内容渲染给该面板
                    layui.view(this.id).render('layim/demo').then(function () {
                        layui.use('im');
                    });
                }
            })
        }
    };


    // 初始结构
    (function () {
        // 常规版默认开启多标签页
        if (!('pageTabs' in layui.setter)) layui.setter.pageTabs = true;

        // 不开启页面标签时
        if (!setter.pageTabs) {
            $('#LAY_app_tabs').addClass(HIDE);
            container.addClass('layadmin-tabspage-none');
        }

        // 低版本 IE 提示
        if (device.ie && device.ie < 10) {
            view.error('IE' + device.ie + '下访问可能不佳，推荐使用：Chrome / Firefox / Edge 等高级浏览器', {
                offset: 'auto',
                id: 'LAY_errorIE'
            });
        }
    })();

    // 初始主题
    (function () {
        var local = layui.data(setter.tableName);

        // 本地主题记录优先，其次为 initColorIndex
        if (local.theme) {
            admin.theme(local.theme);
        } else if (setter.theme) {
            admin.initTheme(setter.theme.initColorIndex);
        }
    })();


    // admin.prevRouter = {}; // 上一个路由

    // 事件- tab 组件切换，同步 index
    element.on('tab(' + FILTER_TAB_TBAS + ')', function (data) {
        admin.tabsPage.index = data.index;
    });

    // 事件-选项卡切换，改变菜单状态
    admin.on('tabsPage(setMenustatus)', function (router) {
        var url = layui.hash('#' + admin.correctRouter(router.url));
        admin.setSideMenuStatus(url)
    });

    // 事件-侧边导航点击事件
    element.on('nav(layadmin-system-side-menu)', function (elem) {
        if (elem.siblings('.layui-nav-child')[0] && container.hasClass(SIDE_SHRINK)) {
            admin.sideFlexible('spread');
            layer.close(elem.data('index'));
        }
        admin.tabsPage.type = 'nav';
    });

    // 事件-选项卡的更多操作
    element.on('nav(layadmin-pagetabs-nav)', function (elem) {
        var dd = elem.parent();
        dd.removeClass(THIS);
        dd.parent().removeClass(SHOW);
    });

    // 同步路由
    var setThisRouter = function (othis) {
        var layid = othis.attr('lay-id')
        var attr = othis.attr('lay-attr')
        var index = othis.index();

        admin.tabsBodyChange(index, {
            url: layid,
            title: othis.children('span').text()
        });
        // location.hash = layid === setter.entry ? '/' : attr;
    }
        , TABS_HEADER = '#LAY_app_tabsheader>li';

    // 标签页标题点击
    $body.on('click', TABS_HEADER, function () {
        var othis = $(this)
            , index = othis.index();

        admin.tabsPage.type = 'tab';
        admin.tabsPage.index = index;

        setThisRouter(othis);
    });

    // 事件- tabspage 删除
    element.on('tabDelete(' + FILTER_TAB_TBAS + ')', function (obj) {
        var othis = $(TABS_HEADER + '.layui-this');

        obj.index && admin.tabsBody(obj.index).remove();
        setThisRouter(othis);

        // 移除 resize 事件
        admin.delResize();
    });

    // 页面跳转
    $body.on('click', '*[lay-href]', function () {
        var othis = $(this);
        var href = othis.attr('lay-href');
        var title = othis.attr('lay-title') || othis.attr('lay-text') || othis.text();

        admin.tabsPage.elem = othis;

        // 执行跳转
        var topLayui = parent === self ? layui : (setter.parentLayui || top.layui);

        topLayui.admin.openTabsPage({
            url: href,
            title: title
        });

        // 如果为当前页，则执行刷新
        if (setter.pageTabs && setter.refreshCurrPage) {
            if (href === admin.tabsBody(admin.tabsPage.index).find('iframe').attr('src')) {
                admin.events.refresh();
            }
        }
    });

    // 点击事件
    $body.on('click', '*[layadmin-event]', function () {
        var othis = $(this)
            , attrEvent = othis.attr('layadmin-event');
        events[attrEvent] && events[attrEvent].call(this, othis);
    });

    // tips
    $body.on('mouseenter', '*[lay-tips]', function () {
        var othis = $(this);

        if (othis.parent().hasClass('layui-nav-item') && !container.hasClass(SIDE_SHRINK)) return;

        var tips = othis.attr('lay-tips');
        var offset = othis.attr('lay-offset');
        var direction = othis.attr('lay-direction');
        var index = layer.tips(tips, this, {
            tips: direction || 1,
            time: -1,
            success: function (layero, index) {
                if (offset) {
                    layero.css('margin-left', offset + 'px');
                }
            }
        });
        othis.data('index', index);
    }).on('mouseleave', '*[lay-tips]', function () {
        layer.close($(this).data('index'));
    });

    // 窗口 resize 事件
    var resizeSystem = layui.data.resizeSystem = function () {
        // layer.close(events.note.index);
        layer.closeAll('tips');

        if (!resizeSystem.lock) {
            setTimeout(function () {
                admin.sideFlexible(admin.screen() < 2 ? '' : 'spread');
                delete resizeSystem.lock;
            }, 100);
        }

        resizeSystem.lock = true;
    }
    $win.on('resize', layui.data.resizeSystem);

    // 全屏事件
    $doc.on("fullscreenchange", function () {
        events.fullscreen($('[layadmin-event="fullscreen"]'), {
            status: document.fullscreenElement
        });
    });

    // 设置组件全局 token
    (function () {
        var request = setter.request;
        if (request.tokenName) {
            var obj = {};
            obj[request.tokenName] = layui.data(setter.tableName)[request.tokenName] || ''

            // table
            table.set({
                headers: obj, // 通过 request 头传递
                where: obj // 通过参数传递
            });
            // upload
            upload.set({
                headers: obj, // 通过 request 头传递
                data: obj // 通过参数传递
            });
        }
    })();

    // 接口输出
    exports('admin', admin);
});
